<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--
    window弹窗的使用
    1. 警告窗
    2. 确认框
    3. 输入框
-->

<button>警告窗</button>
<button>确认窗</button>
<button>输入窗</button>


<script>


    document.getElementsByTagName('button')[0].onclick = function () {
        // 警告窗
        window.alert("这是一个警告窗")
        alert("这是第二个警告窗")
    }


    document.getElementsByTagName('button')[1].onclick = function () {
        // 确认窗口
        var b = window.confirm("确定删除数据吗?");
        console.log(b)

        if (b) {
            //  发送异步请求
            console.log("删除数据请求已发送")
        } else {
            console.log("删除数据请求已取消")
        }

    }

    document.getElementsByTagName('button')[2].onclick = function () {
        // 输入窗   string
        var n1 = 'a';
        while (isNaN(n1)) {
            n1 = window.prompt("请输入第一数字")
        }

        var n2 = 'a'
        while (isNaN(n2)) {
            n2 =  window.prompt("请输入第二数字");
        }

        // var sum = parseInt(n1) + parseInt(n2)
        // var sum = n1*1 + n2*1
        var sum = Number(n1) + Number(n2)
        console.log("sum = " + sum)

    }
</script>

</body>
</html>